@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: '微软雅黑', sans-serif; }
body{font-size:13px; line-height:1.6; color:#555; background:#fff;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none;-webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; }
a:hover {text-decoration:underline; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
html {overflow-y: scroll;}  
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}
.lf{ float:left;}
.rg{ float:right;}  
html{ overflow-x:hidden;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
html,body{height: 100%;}
a:hover{text-decoration: none;} 
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
.imgbox{position:relative;overflow:hidden}
.imgbox .img-hover{position:absolute;left:0;bottom:0;top:100%;background-color:#3671cf;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);transition:all 0.5s cubic-bezier(0.22,1.01,0.46,0.93);-webkit-transition:all 0.5s cubic-bezier(0.22,1.01,0.46,0.93);-moz-transition:all 0.5s cubic-bezier(0.22,1.01,0.46,0.93);-o-transition:all 0.5s cubic-bezier(0.22,1.01,0.46,0.93)}
.imgbox .img-hover h3,.imgbox .img-hover p{color:#fff}
.imgbox:hover .img-hover{display:block;top:50%}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.text-center{ text-align:center;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bg_gray{ background-color:#f6f6f6;}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.l {float: left;}.r { float: right;}
.mt5{margin-top:5px}
.mt20{margin-top:20px}
.mt26{margin-top:26px}
.mt35{margin-top:35px}
.mt45{margin-top:45px}
.mt65{margin-top:65px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20,.news_text p{margin-bottom:20px}
.mb30,.pro_list_pic .col-xs-6{margin-bottom:30px}
.mb65{margin-bottom:65px}
.mb80{margin-bottom:80px}
.ml0{margin-left:0px}
.pd20{ padding-top:20px;}
.pb20{ padding-bottom:20px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pb50{ padding-bottom:50px;}

p,span,a{line-height:24px}
h1{color:#333;line-height:35px}
h2{font-weight:500;margin-top:20px}
h3{color:#333;margin-top:20px;margin-bottom:10px}

.hover-more:hover h3 a{margin-top:25px}
.hover-more:hover .more{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity:1;-moz-opacity:1;filter:alpha(opacity=100);margin-top:20px}
.hover-orange:hover .hover-show{border-bottom:4px solid #f29c06}
.items-inline li{margin-bottom:10px}
.items-inline li a{display:inline-block;width:100px;height:42px;color:#333;text-decoration:none;line-height:42px;text-align:center}
.items-inline li a:hover{background-color:#f90;color:#fff}
.item-desc{text-align:center;padding-bottom:25px}
.rectangle{width:241px;height:116px;background-color:#515151;color:#fff;line-height:116px;text-align:center}
.rectangle span{color:#fff}
.position-center{position:absolute;left:26%;top:35%}
.item-desc-sm-pd{padding:0 25px}
.item-desc-sm-pd h3{color:#666}
.item-desc-justified{padding:0}
.item-desc-justified h3{margin:0}
.item-desc-justified h3 a{font-size:20px;color:#333;margin:20px 0}
.item-desc-justified a{color:#f90;display:inline-block;margin:25px 0}
.item-desc-justified a span{color:#f90}
.hover-gray:hover{background-color:#f2f2f2}
.hover-fade img{margin-top:0;}
.hover-fade .img-hover{position:absolute;top:0;bottom:0;left:0;right:0;background-color:transparent;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5)}
.hover-fade:hover .img-hover{top:0;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.hover-fadeIn{position:relative;margin-bottom: 35px;}
.hover-fadeIn .imgbox{text-align:center;}
.hover-fadeIn .imgbox a{display:inline-block;}
.hover-fadeIn img{-webkit-transition:-webkit-transform 1.1s ease;transition:-webkit-transform 1.1s ease;transition:transform 1.1s ease;transition:transform 1.1s ease,-webkit-transform 1.1s ease;}
.hover-fadeIn .img-hover{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all .5s ease;transition:all .5s ease;}
.hover-fadeIn .img-hover h3{display:block;position:absolute;top:0;bottom:0;left:0;right:0;}
.hover-fadeIn .img-hover h3 > a{position:absolute;top:0;bottom:0;left:0;right:0;color:#fff;z-index:9;height:100%;font-size:16px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.hover-fadeIn .img-hover h3 > a:after{content:"";height:100%;vertical-align:middle;display:inline-block;visibility:hidden;}
.hover-fadeIn .hover-text{position:relative;display:inline-block;vertical-align:middle;z-index:10;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
.hover-fadeIn .hover-text p {color:#fff;}
.hover-fadeIn .hover-text a{display:block;color:#fff;font-size:14px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); vertical-align:middle;}
/* .hover-fadeIn .hover-text a:first-child{font-size:20px;font-weight:600;margin-bottom:5px;} */
.hover-fadeIn .text-desc{position:absolute;bottom:0;left:0;right:0;display:inline-block;font-size:16px;font-weight:normal;margin-bottom:-35px;color:#333333;text-align:center;}
.hover-fadeIn .img-hover:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.hover-fadeIn .hover-text a:hover{color:#fff;}
.hover-fadeIn:hover .img-hover{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);background-color:#3670ce;background-color:rgba(54,113,207,0.9);}
.hover-fadeIn:hover .hover-text{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.hover-fadeIn:hover .hover-text a{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.hover-fadeIn:hover .img-hover h3 > a{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.hover-fadeIn:hover img{-webkit-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}

.wrap{ width:1240px; margin:0 auto;}
@media screen and (max-width: 1359px) and (min-width:1025px) {
.wrap{ padding: 0 5%;width:90%; margin:0 auto;}
}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.wrap{ padding: 0 2%;width:96%;}
}

/*导航*/
.head{background:#fff;height:80px;width:100%;border-bottom:1px solid #ccc;position: fixed;top: 0;left: 0;z-index: 3000;}
.logo{ width:20%; height:80px; text-align:left;} 
.nav{ height:80px; width:73%; margin-left:5%;}
.nav .activesss{ float:left; width:14%; text-align:center;}
.nav .activesss .a1,.nav:hover .activesss1 .a1{ display:block; color:#4C4C4C; font-size:16px; line-height:80px; text-align:center;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav .activesss:hover .a1,.nav .activesss1 .a1{ color:#36ADAC}
.nav .Locate{ position:absolute; top:80px;  overflow:hidden; z-index:2000; background:#fff url(../images/501.png) repeat-y center center; display: none; width: 1120px;border-top: 1px solid #ccc;}
.nav .activesss .active{color:#36ADAC;background:url(../images/1_02.png) center 65px no-repeat; }  
.nav .mad1{left: 50%; width:1140px;padding: 20px 35px 10px; margin-left:-570px}
.nav .mad1 .bar1{width: 240px;padding-left: 40px; background: url(../images/26.png) no-repeat right top;height: 370px;}
.nav .mad1 .bar1 a{display: block;width: 178px;font-size: 16px;line-height: 38px; border-bottom: 3px solid #f7f7f7;color: #333;text-align: left;}
.head .rg .a2{ display: none;}
.nav .mad1 .bar1 a:hover{color: #36ADAC;border-color: #36ADAC;}
.nav .mad1 .bar1 > .active{color: #36ADAC;border-color: #36ADAC;}
.head .nav .mad1 .serve_two{width: 810px;height:350px;}
.head .nav .mad1 .serve_two .txt{width:50%; float:left; padding:20px 0 20px 20px; text-align:left; font-size:15px; line-height:24px;}
.head .nav .mad1 .serve_two .pic_box img{width: 45%;float:right;}
.moblie_head{ display:none;}
.a_txt{ display:none;}



.heg1{ height:50px;}
.div_js_txt2{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:10001; left:0px; top:0px;}
.div_js_txt2 .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
.div_js_txt2 .div2{ position:absolute; width:1200px; height:639px; top:50%; left:50%; margin-top:-320px; margin-left:-600px; filter:alpha(opacity=0); opacity:0;}
.div_js_txt2 .div2 .p1{ float:left; width:1100px; height:619px; padding:10px; background:#fff;}
.div_js_txt2 .div2 .p2{ float:right;}
.div_js_txt2 .div2 .p2 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.div_js_txt2 .div2 .p2 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

@media screen and (max-width: 767px) and (min-width:0px) {/* 移动端的尺寸 */
.head{ display:none;}
.moblie_head{ display:block;}
.moblie_head{ display:block; height:44px; background:#fff;border-bottom:1px solid #0071DB; position:fixed; top:0px; left:0px; width:100%; z-index:9999;}
.moblie_head .lf{ padding-top:7px; padding-left:3%;}
.heg{ height:44px;}
.heg1{ height:44px;}
.a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:10000;}
.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
.a_txt .div3 ul li .div_js1{ background:url(../images/plus.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.a_txt .div3 ul li .div_js_on1{ background:url(../images/-.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
.div_js_txt2 .div2{ width:90%; top:35%; left:5%; height:auto; margin-top:0; margin-left:0;}
.div_js_txt2 .div2 .p1{ float:none; width:90%; padding:5%; height:auto;}
.div_js_txt2 .div2 .p2{ float:none; position:absolute; top:-30px; right:0px;}
.div_js_txt2 .div2 .p2 img{ width:25px;}
}



/*导航*/
@media screen and (min-width:1025px) {/* 小屏幕的尺寸 */
.mob{ display: none;}
.pc{ display: block;}
}
@media screen and (min-width:0px) and (max-width: 1024px){/* ipad */
.display_ipad{ display:block;}
.display_moblie{ display:none;}
.div_js_txt2 .div2{ width:90%; top:20%; left:5%; height:auto; margin-top:0; margin-left:0;}
.div_js_txt2 .div2 .p1{ float:none; width:90%; padding:2%; height:auto;}
.div_js_txt2 .div2 .p2{ float:none; width:5%; position:absolute; top:0px; right:0px;}
.div_js_txt2 .div2 .p2 img{ width:100%;}
}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.display_pc{ display:none;}
.display_moblie{ display:block;}
.mob{ display: block;}
.pc{ display: none;}
.head{ display:none;}
.moblie_head{ display:block; height:44px; background:#fff;border-bottom:1px solid #3DC2C2; position:fixed; top:0px; left:0px; width:100%; z-index:9999;}
.moblie_head .lf{ padding-top:7px; padding-left:3%;}
.heg{ height:44px;}
.heg1{ height:44px;}
.a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:10000;}
.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
.a_txt .div3 ul li .div_js1{ background:url(../images/plus.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.a_txt .div3 ul li .div_js_on1{ background:url(../images/-.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
.div_js_txt2 .div2{ width:90%; top:35%; left:5%; height:auto; margin-top:0; margin-left:0;}
.div_js_txt2 .div2 .p1{ float:none; width:90%; padding:5%; height:auto;}
.div_js_txt2 .div2 .p2{ float:none; position:absolute; top:-30px; right:0px;}
.div_js_txt2 .div2 .p2 img{ width:25px;}
}




/*****foot*******/
.foot_top{overflow:hidden;background:#C9C9C9;height: 371px;}
.foot_top .f_box{padding-top: 57px;padding-bottom: 80px;}
.foot_top .f_box dl{float: left;width: 15%;}
.foot_top .f_box dl.dl1{width: 35%;}
.foot_top .f_box dl.dl2{width: 20%;}
.foot_top .f_box dl dt a{font-size:18px;color: #333;line-height: 2;margin-bottom: 17px; font-weight:bold;}
.foot_top .f_box dl dd a{font-size: 14px;color: #444;line-height: 28px;}
.foot_top .f_box dl dd {font-size: 14px;color:  #444;line-height: 28px;}
.foot_bottom{background:#787878;padding:20px 0; font-size:14px; text-align:center;}
.foot_bottom,.foot_bottom a{color:#fff;}
.foot_bottom a:hover{color:#fff;}
.foot_bottom ._beian{margin: 0 15px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.foot_top{ display:none;}
.foot_bottom{background:#2a2a2a;padding:10px 0;font-size:13px;text-align:center;}
}


@media (min-width: 769px) and (max-width: 1920px) {
.footer1 { display:none;}
.footer_contact { display:none;}
}

@media screen and (max-width: 768px) and (min-width:0px) {/* mobile */
.footer_bottom{ text-align:center;}
.footer_top{display: none;}
.footer_bottom ._span3{ float:none;}
.footer_bottom{background-color:#666;}
.footer1 {height: 28px;width: 100%;margin-top: 20px;}
.footer_contact {height:48px;width: 100%;background: #36ADAC;position: fixed;left: 0;bottom: 0; padding-top:5px; z-index:99999;}
.footer_contact a {display: block;height:48px;float: left;color: #fff;width: 24.7%;border-right: 1px solid #3DC2C2;text-align: center;}
.footer_contact a:last-child {border-right: none;}
.footer_contact a span {display: block;font-size:1.05em;line-height:32px;}
.footer_contact a p {display: block;font-size: 0.875em;line-height: 13px;}
.foot_bottom .wrap{ width:100%; padding:0;}
.foot_bottom ._beian{margin: 0 1px;}

}
/*分页*/
.page_box{width:100%;padding:20px 0;}
.page_box .page_l{width:100%;text-align:center;}
.page_box .page_r{width:30%;text-align:right;}
.page_box a,.page_box span{display:inline-block;background-color:#bbeef5;padding: 18px 26px;color:#666;vertical-align:middle;}
.page_box a:hover,.page_box a.cur,.page_box span{background-color:#008F9D;color:#fff;}
.page_box .now_page{background:none;border:1px solid #e4eef5;box-sizing:border-box;}
.page_box .now_page:hover{background:none;border:1px solid #e4eef5;color:#666;}
.page_box .prev_page{background-repeat:no-repeat;background-position:center;color:transparent;}
.page_box .prev_page:hover{color:transparent;}
.page_box .page_r a{padding:18px 14%;}
@media screen and (max-width: 768px) and (min-width:0px) {/* mobile */
.page_box{width:100%;padding:0px 0;}
.page_box a,.page_box span{padding:3px 10px;}
}
/*悬浮*/
.fixed-right{position:fixed;right:0;top:46%;z-index:999999;}
.fixed-right ul{width:48px;}
.fixed-right li{margin-bottom:5px;width:250px;height:48px;line-height:48px;border-bottom-left-radius:5px;border-top-left-radius:5px;background:#eff0f1;  }
.fixed-right li .icon{text-align:center;float:left;width:48px;height:48px; line-height:58px;}
.fixed-right li .hide{display:none;}
.fixed-right li img{width:24px;}
.fixed-right li .li-hide{text-align:center;white-space:nowrap;float:right;width:calc(100% - 48px); color:#fff;}
.fixed-right li:hover{background:#00b7b4;}
.fixed-right li:hover .hide{display:inline-block;}
.fixed-right li:hover .show{display:none;}
.fixed-right li.long:hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-202px);
    -moz-transform: translateX(-202px);
    -ms-transform: translateX(-202px);
    -o-transform: translateX(-202px);
    transform: translateX(-202px);}
.ewm-div{display:none;}
.layui-layer-content img{max-width:120px;}
.fixed-right li.totop{display:none;background:#00b7b4;}
.pos_re{position:relative;}
.pos_re>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}